import React, { Component } from 'react'
import { Button, Space, DatePicker } from 'antd';
import 'antd/dist/reset.css';
import { YoutubeOutlined } from '@ant-design/icons'

export default class App extends Component {

  onChange = () => {

  }
  render() {
    return (
      <div>
        <h3>React-antd</h3>
        <Space wrap>
          <Button type="primary">Primary Button</Button>
          <Button>Default Button</Button>
          <Button type="dashed">Dashed Button</Button>
          <Button type="text">Text Button</Button>
          <Button type="link">Link Button</Button>
        </Space>
        <YoutubeOutlined />
        <Space direction="vertical">
          <DatePicker onChange={this.onChange} />
          <DatePicker onChange={this.onChange} picker="week" />
          <DatePicker onChange={this.onChange} picker="month" />
          <DatePicker onChange={this.onChange} picker="quarter" />
          <DatePicker onChange={this.onChange} picker="year" />
        </Space>
      </div>
    )
  }
}
